<template>

  <el-table :data="tableData">
    <el-table-column label="样式1" prop="a"></el-table-column>
    <el-table-column label="样式1" prop="b"></el-table-column>
    <el-table-column label="样式1" prop="c"></el-table-column>
    <el-table-column label="样式1" prop="d"></el-table-column>
  </el-table>
  <el-button @click="testlogin">test</el-button>
</template>

<script>
import {login} from '@/api/login.js'
import {reactive} from 'vue'
export default {
  name: "login",
  setup(){
    let tableData =reactive([
      {a:'11',b:'22',c:'33',d:'44'}
    ])

    const testlogin = ()=>{
      login({username:'test',password:'123456'}).then(res=>{
        console.log(res)
      })
    }

    return {tableData,testlogin}
  }
}
</script>

<style scoped>

</style>
